
page{
	height: 100%;
	background: #F8F8F8;
}

@mixin flex {
			/* #ifndef APP-NVUE */
			display: flex;
			/* #endif */
			flex-direction: row;
		}
	
		@mixin height {
			/* #ifndef APP-NVUE */
			height: 100%;
			/* #endif */
			/* #ifdef APP-NVUE */
			flex: 1;
			/* #endif */
		}
	.popup-content {
			@include flex;
			align-items: center;
			justify-content: center;
			padding: 15px;
			height: 50px;
			color:#E6A23C;
			border-radius: 15rpx;
		}
	
		.popup-height {
			@include height;
			width: 50px;
		}
.page {
  background-color: rgba(248, 248, 248, 1);
  position: relative;
  width: 750rpx;
  overflow: scroll;
  .divide{
	  border: 2rpx solid #F8F8F8;
	  margin: 30rpx 8rpx 0 0;
  }
  .flexcenter{
	      align-self: center;
  }
  .popbd{
	  background-color: #FFFFFF;
	  width: 620rpx;
	  .tr{
		  height: 122rpx;
		  border-bottom: 2rpx solid #F8F8F8;
		  display: flex;
		  align-items: center;
		  padding: 0 36rpx 0 36rpx;
		  text{
			  font-family: PingFangSC, PingFang SC;
			  font-weight: 400;
			  font-size: 32rpx;
			  color: #383838;
			  line-height: 44rpx;
			  text-align: left;
			  font-style: normal;
			  margin-right: 24rpx;
		  }
	  }
	  .btn{
		  height: 122rpx;
		  display: flex;
		  justify-content: space-around;
		  view{
			  width: 50%;
			  display: flex;
			  justify-content: center;
			  align-items: center;
			  font-family: PingFangSC, PingFang SC;
			  font-weight: 400;
			  font-size: 32rpx;
			  color: #383838;
			  line-height: 44rpx;
			  text-align: left;
			  font-style: normal;
		  }
		  view:last-child{
			  color: #6052FF!important;
			  border-left: 2rpx solid #F8F8F8;
		  }
	  }
	  .title{
		  font-family: PingFangSC, PingFang SC;
		  font-weight: 400;
		  font-size: 32rpx;
		  color: #727272;
		  line-height: 44rpx;
		  text-align: center;
		  font-style: normal;
		      display: flex;
		      justify-content: center;
	  }
	  border-radius: 35rpx 35rpx 35rpx 35rpx;
	  input{
	  	  font-family: PingFangSC, PingFang SC;
	  	  font-weight: 500;
	  	 
	  	  color: #383838;
	  	  line-height: 44rpx;
	  	  font-style: normal;
	  	  text-align: left;
		  font-size: 32rpx;
		  align-self: center;
	  }
  }
 
  .textarea{
	   font-size: 32rpx;
  }
  .add{
	  width: 104rpx;
	  height: 68rpx;
	  border-radius: 32rpx;
	  border: 2rpx solid #6052FF;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  margin-top: 26rpx;
	  .x{
		  position: absolute;
		  width: 42rpx;
		  height: 4rpx;
		  background: #6052FF;
		  border-radius: 2rpx;
	  }
	  .y{
		  position: absolute;
		  width: 4rpx;
		  height: 42rpx;
		  background: #6052FF;
		  border-radius: 2rpx;
	  }
  }
  .top{
	  font-family: PingFangSC, PingFang SC;
	  font-weight: 400;
	  font-size: 34rpx;
	  color: #FFFFFF;
	  line-height: 48rpx;
	  text-align: right;
	  font-style: normal;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  width: 100%;
  }
  .head {
			position: absolute;
			top: 0;
			width: 750rpx;
			height: 292rpx;
			background: #252F62;
			}
  .group_1 {
    background-color: rgba(37, 47, 98, 1);
    padding: 28rpx 12rpx 116rpx 0;
    .section_2 {
      margin: 0 18rpx 0 42rpx;
      .text_35 {
        overflow-wrap: break-word;
        color: rgba(255, 255, 255, 1);
        font-size: 30rpx;
        letter-spacing: -0.30000001192092896px;
        font-family: Helvetica;
        font-weight: normal;
        text-align: right;
        white-space: nowrap;
        line-height: 36rpx;
      }
      .thumbnail_13 {
        width: 34rpx;
        height: 22rpx;
        margin: 8rpx 0 6rpx 438rpx;
      }
      .thumbnail_14 {
        width: 30rpx;
        height: 22rpx;
        margin: 6rpx 0 8rpx 10rpx;
      }
      .image_17 {
        width: 48rpx;
        height: 22rpx;
        margin: 6rpx 0 8rpx 10rpx;
      }
    }
    .section_3 {
      margin-top: 24rpx;
      .label_3 {
        width: 80rpx;
        height: 88rpx;
      }
      .text_36 {
        overflow-wrap: break-word;
        color: rgba(255, 255, 255, 1);
        font-size: 34rpx;
        font-weight: normal;
        text-align: right;
        white-space: nowrap;
        line-height: 48rpx;
        margin: 20rpx 0 0 228rpx;
      }
      .image_18 {
        width: 174rpx;
        height: 64rpx;
        margin: 12rpx 0 12rpx 120rpx;
      }
    }
  }
  .group_4 {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 12px;
    width: 702rpx;
    align-self: center;
    margin-top: 300rpx;
    padding: 32rpx 16rpx 32rpx 24rpx;
    .group_13 {
      width: 662rpx;
      .text_3 {
        overflow-wrap: break-word;
        color: rgba(56, 56, 56, 1);
        font-size: 32rpx;
        letter-spacing: 0.7999999523162842px;
        font-weight: normal;
        text-align: left;
        white-space: nowrap;
        line-height: 44rpx;
      }
      .image-text_9 {
        width: 276rpx;
        .text-group_1 {
			flex:1;
          overflow-wrap: break-word;
          //color: rgba(204, 204, 204, 1);
          font-size: 32rpx;
          letter-spacing: 0.7999999523162842px;
          font-weight: normal;
          text-align: center;
          white-space: nowrap;
          line-height: 44rpx;
        }
        .thumbnail_15 {
          width: 32rpx;
          height: 32rpx;
          margin: 6rpx 0 6rpx 0;
        }
      }
    }
    .image_3 {
      width: 654rpx;
      height: 2rpx;
      margin: 32rpx 8rpx 0 0;
    }
    .text_4 {
      overflow-wrap: break-word;
      color: rgba(56, 56, 56, 1);
      font-size: 32rpx;
      letter-spacing: 0.7999999523162842px;
      font-weight: normal;
      text-align: left;
      white-space: nowrap;
      line-height: 44rpx;
      margin: 30rpx 460rpx 0 0;
    }
    .grid_3 {
      flex-wrap: wrap;
      margin: 24rpx 0rpx 0 0;
      .active {
    
        .text_5 {
          color: rgba(96, 82, 255, 1);
       
        }
      }
      .text-wrapper_2 {
        background-color: rgba(245, 245, 252, 1);
        border-radius: 16px;
        height: 64rpx;
        margin: 0 40rpx 22rpx 0;
        padding: 10rpx 24rpx 10rpx 24rpx;
        .text_6 {
          overflow-wrap: break-word;
          color: rgba(164, 162, 186, 1);
          font-size: 32rpx;
          letter-spacing: 0.7999999523162842px;
          font-weight: normal;
          text-align: left;
          white-space: nowrap;
          line-height: 44rpx;
        }
      }
      .text-wrapper_3 {
        background-color: rgba(245, 245, 252, 1);
        border-radius: 16px;
        height: 64rpx;
        margin-bottom: 22rpx;
        width: 116rpx;
        padding: 10rpx 24rpx 10rpx 24rpx;
        .text_7 {
          overflow-wrap: break-word;
          color: rgba(164, 162, 186, 1);
          font-size: 32rpx;
          letter-spacing: 0.7999999523162842px;
          font-weight: normal;
          text-align: left;
          white-space: nowrap;
          line-height: 44rpx;
        }
      }
      .text-wrapper_4 {
        background-color: rgba(245, 245, 252, 1);
        border-radius: 16px;
        height: 64rpx;
        width: 184rpx;
        margin: 0 40rpx 22rpx 0;
        padding: 10rpx 24rpx 10rpx 24rpx;
        .text_8 {
          overflow-wrap: break-word;
          color: rgba(164, 162, 186, 1);
          font-size: 32rpx;
          letter-spacing: 0.7999999523162842px;
          font-weight: normal;
          text-align: left;
          white-space: nowrap;
          line-height: 44rpx;
        }
      }
      .text-wrapper_5 {
        background-color: rgba(245, 245, 252, 1);
        border-radius: 16px;
        height: 64rpx;
        margin-right: NaNrpx;
        margin-bottom: 22rpx;
        width: 184rpx;
        padding: 10rpx 24rpx 10rpx 24rpx;
        .text_9 {
          overflow-wrap: break-word;
          color: rgba(164, 162, 186, 1);
          font-size: 32rpx;
          letter-spacing: 0.7999999523162842px;
          font-weight: normal;
          text-align: left;
          white-space: nowrap;
          line-height: 44rpx;
        }
      }
    }
  }
  .group_5 {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 12px;
    width: 702rpx;
    align-self: center;
    margin-top: 24rpx;
    padding: 32rpx 16rpx 32rpx 24rpx;
	.del{
		overflow-wrap: break-word;
		color: rgb(96, 82, 255);
		font-size: 32rpx;
		letter-spacing: 0.7999999523162842px;
		font-family: PingFangSC-Semibold;
		font-weight: 600;
		text-align: left;
		white-space: nowrap;
		line-height: 44rpx;
		//margin-right: 526rpx;
	}
    .text_10 {
      overflow-wrap: break-word;
      color: rgba(56, 56, 56, 1);
      font-size: 32rpx;
      letter-spacing: 0.7999999523162842px;
      font-family: PingFangSC-Semibold;
      font-weight: 600;
      text-align: left;
      white-space: nowrap;
      line-height: 44rpx;
      //margin-right: 526rpx;
    }
    .box_5 {
      width: 662rpx;
      margin-top: 40rpx;
      .text_11 {
        overflow-wrap: break-word;
        color: rgba(56, 56, 56, 1);
        font-size: 32rpx;
        letter-spacing: 0.7999999523162842px;
        font-weight: normal;
        text-align: left;
        white-space: nowrap;
        line-height: 44rpx;
      }
      .image-text_10 {
		.text-group_2_v{
			
			overflow-wrap: break-word;
			color: #383838;
			font-size: 32rpx;
			letter-spacing: 0.7999999523162842px;
			font-weight: normal;
			text-align: right;
			    width: 450rpx;
			    overflow: hidden;
			    white-space: nowrap;
			    text-overflow: ellipsis;
		}
		.text-group_2_full{
			
			overflow-wrap: break-word;
			color: #383838;
			font-size: 20rpx;
			letter-spacing: 0.7999999523162842px;
			font-weight: normal;
			text-align: right;
			white-space: nowrap;
			width: 450rpx;
			  overflow: hidden; /* 确保超出容器的文本会被裁剪 */
			  white-space: nowrap; /* 确保文本在一行内显示，避免换行 */
			  text-overflow: ellipsis; /* 使用省略号表示被裁剪的文本 */
		}
        .text-group_2 {
          overflow-wrap: break-word;
          color: rgba(204, 204, 204, 1);
          font-size: 32rpx;
          letter-spacing: 0.7999999523162842px;
          font-weight: normal;
          text-align: center;
          white-space: nowrap;
          line-height: 44rpx;
        }
        .thumbnail_16 {
          width: 32rpx;
          height: 32rpx;
          margin: 6rpx 0 6rpx 0;
        }
      }
    }
    .image_4 {
      width: 654rpx;
      height: 2rpx;
      margin: 30rpx 8rpx 0 0;
    }
    .box_6 {
      width: 662rpx;
      margin-top: 32rpx;
      .text_12 {
        overflow-wrap: break-word;
        color: rgba(56, 56, 56, 1);
        font-size: 32rpx;
        letter-spacing: 0.7999999523162842px;
        font-weight: normal;
        text-align: left;
        white-space: nowrap;
        line-height: 44rpx;
      }
      .image-text_11 {
        width: 242rpx;
        .text-group_3 {
          overflow-wrap: break-word;
          color: rgba(204, 204, 204, 1);
          font-size: 32rpx;
          letter-spacing: 0.7999999523162842px;
          font-weight: normal;
          text-align: center;
          white-space: nowrap;
          line-height: 44rpx;
        }
		.text-group_3_v{
			font-family: PingFangSC, PingFang SC;
			font-weight: 500;
			font-size: 32rpx;
			color: #383838;
			line-height: 44rpx;
			text-align: center;
			font-style: normal;
		}
        .thumbnail_17 {
          width: 32rpx;
          height: 32rpx;
          margin: 6rpx 0 6rpx 0;
        }
      }
    }
    .image_5 {
      width: 654rpx;
      height: 2rpx;
      margin: 30rpx 8rpx 0 0;
    }
    .text-wrapper_16 {
      margin-top: 32rpx;
      .text_13 {
        overflow-wrap: break-word;
        color: rgba(56, 56, 56, 1);
        font-size: 32rpx;
        letter-spacing: 0.7999999523162842px;
        font-weight: normal;
        text-align: left;
        white-space: nowrap;
        line-height: 44rpx;
      }
      .text_14 {
        overflow-wrap: break-word;
        color: rgba(204, 204, 204, 1);
        font-size: 32rpx;
        letter-spacing: 0.7999999523162842px;
        font-weight: normal;
        text-align: center;
        white-space: nowrap;
        line-height: 44rpx;
        margin-left: 284rpx;
      }
      .text_15 {
        overflow-wrap: break-word;
        color: rgba(56, 56, 56, 1);
        font-size: 32rpx;
        letter-spacing: 0.7999999523162842px;
        font-weight: normal;
        text-align: center;
        white-space: nowrap;
        line-height: 44rpx;
        margin-left: 6rpx;
      }
    }
    .image_6 {
      width: 654rpx;
      height: 2rpx;
      margin: 30rpx 8rpx 0 0;
    }
    .text-wrapper_17 {
      margin-top: 32rpx;
      .text_16 {
        overflow-wrap: break-word;
        color: rgba(56, 56, 56, 1);
        font-size: 32rpx;
        letter-spacing: 0.7999999523162842px;
        font-weight: normal;
        text-align: left;
        white-space: nowrap;
        line-height: 44rpx;
      }
      .text_17 {
        overflow-wrap: break-word;
        color: rgba(204, 204, 204, 1);
        font-size: 32rpx;
        letter-spacing: 0.7999999523162842px;
        font-weight: normal;
        text-align: center;
        white-space: nowrap;
        line-height: 44rpx;
        margin-left: 284rpx;
      }
      .text_18 {
        overflow-wrap: break-word;
        color: rgba(56, 56, 56, 1);
        font-size: 32rpx;
        letter-spacing: 0.7999999523162842px;
        font-weight: normal;
        text-align: center;
        white-space: nowrap;
        line-height: 44rpx;
        margin-left: 6rpx;
      }
    }
    .image_7 {
      width: 654rpx;
      height: 2rpx;
      margin: 30rpx 8rpx 0 0;
    }
    .box_7 {
      width: 662rpx;
      margin-top: 32rpx;
      .text_19 {
        overflow-wrap: break-word;
        color: rgba(56, 56, 56, 1);
        font-size: 32rpx;
        letter-spacing: 0.7999999523162842px;
        font-weight: normal;
        text-align: left;
        white-space: nowrap;
        line-height: 44rpx;
      }
      .image-text_12 {
        .text-group_4 {
          overflow-wrap: break-word;
          color: rgba(204, 204, 204, 1);
          font-size: 32rpx;
          letter-spacing: 0.7999999523162842px;
          font-weight: normal;
          text-align: center;
          white-space: nowrap;
          line-height: 44rpx;
        }
		.text-group_4_sel{
			font-family: PingFangSC, PingFang SC;
			font-weight: 500;
			font-size: 32rpx;
			color: #383838;
			line-height: 44rpx;
			text-align: center;
			font-style: normal;
		}
        .thumbnail_18 {
          width: 32rpx;
          height: 32rpx;
          margin: 6rpx 0 6rpx 0;
        }
      }
    }
    .image_8 {
      width: 654rpx;
      height: 2rpx;
      margin: 30rpx 8rpx 0 0;
    }
    .text-wrapper_18 {
		input{
			  font-family: PingFangSC, PingFang SC;
			  font-weight: 500;
			 
			  color: #383838;
			  line-height: 44rpx;
			  font-style: normal;
			  text-align: right;font-size: 32rpx;align-self: center;
		}
      margin-top: 32rpx;
      .text_20 {
        overflow-wrap: break-word;
        color: rgba(56, 56, 56, 1);
        font-size: 32rpx;
        letter-spacing: 0.7999999523162842px;
        font-weight: normal;
        text-align: left;
        white-space: nowrap;
        line-height: 44rpx;
      }
      .text_21 {
        overflow-wrap: break-word;
        color: rgba(204, 204, 204, 1);
        font-size: 32rpx;
        letter-spacing: 0.7999999523162842px;
        font-weight: normal;
        text-align: center;
        white-space: nowrap;
        line-height: 44rpx;
        margin-left: 284rpx;
      }
      .text_22 {
        overflow-wrap: break-word;
        color: rgba(56, 56, 56, 1);
        font-size: 32rpx;
        letter-spacing: 0.7999999523162842px;
        font-weight: normal;
        text-align: center;
        white-space: nowrap;
        //line-height: 44rpx;
        margin-left: 6rpx;
      }
    }
    .image_9 {
      width: 654rpx;
      height: 2rpx;
      margin: 30rpx 8rpx 0 0;
    }
    .text_23 {
      overflow-wrap: break-word;
      color: rgba(56, 56, 56, 1);
      font-size: 32rpx;
      letter-spacing: 0.7999999523162842px;
      font-weight: normal;
      text-align: left;
      white-space: nowrap;
      line-height: 44rpx;
      margin: 32rpx 526rpx 0 0;
	  margin-bottom: 24rpx;
    }
    .text-wrapper_9 {
      border-radius: 4px;
      border: 1px solid rgba(226, 226, 226, 1);
      margin: 24rpx 8rpx 0 0;
      padding: 14rpx 534rpx 98rpx 14rpx;
      .text_24 {
        overflow-wrap: break-word;
        color: rgba(204, 204, 204, 1);
        font-size: 32rpx;
        letter-spacing: 0.7999999523162842px;
        font-weight: normal;
        text-align: left;
        white-space: nowrap;
        line-height: 44rpx;
      }
    }
    .image_10 {
      width: 654rpx;
      height: 2rpx;
      margin: 30rpx 8rpx 0 0;
    }
    .text_25 {
      overflow-wrap: break-word;
      color: rgba(56, 56, 56, 1);
      font-size: 32rpx;
      letter-spacing: 0.7999999523162842px;
      font-weight: normal;
      text-align: left;
      white-space: nowrap;
      line-height: 44rpx;
      margin: 32rpx 426rpx 0 0;
    }
    .image_19 {
      width: 108rpx;
      height: 72rpx;
      margin: 24rpx 554rpx 0 0;
    }
  }
  .box_8 {
    padding: 48rpx 26rpx 20rpx 24rpx;
    .text_26 {
      overflow-wrap: break-word;
      color: rgba(56, 56, 56, 1);
      font-size: 32rpx;
      letter-spacing: 0.7999999523162842px;
      font-weight: normal;
      text-align: left;
      white-space: nowrap;
      line-height: 44rpx;
      align-self: center;
    }
    .image_20 {
      width: 108rpx;
      height: 72rpx;
      align-self: center;
      margin-top: 24rpx;
    }
    .group_14 {
      width: 700rpx;
      margin-top: 64rpx;
      .text-wrapper_10 {
        background-color: rgba(37, 47, 98, 1);
        border-radius: 25px;
        padding: 24rpx 134rpx 24rpx 134rpx;
        .text_27 {
          overflow-wrap: break-word;
          color: rgba(255, 255, 255, 1);
          font-size: 32rpx;
          letter-spacing: 0.7999999523162842px;
          font-weight: normal;
          text-align: left;
          white-space: nowrap;
          line-height: 44rpx;
        }
      }
      .text-wrapper_11 {
        background-color: rgba(37, 47, 98, 1);
        border-radius: 25px;
        padding: 24rpx 100rpx 24rpx 100rpx;
        .text_28 {
          overflow-wrap: break-word;
          color: rgba(255, 255, 255, 1);
          font-size: 32rpx;
          letter-spacing: 0.7999999523162842px;
          font-weight: normal;
          text-align: left;
          white-space: nowrap;
          line-height: 44rpx;
        }
      }
    }
    .image_21 {
      width: 268rpx;
      height: 10rpx;
      align-self: center;
      margin-top: 64rpx;
    }
  }
  .group_8 {
    box-shadow: 0px 2px 4px 1px rgba(226, 226, 226, 1);
    background-color: rgba(255, 255, 255, 1);
    border-radius: 12px;
    position: absolute;
    left: 24rpx;
    top: 208rpx;
    width: 702rpx;
    height: 244rpx;
    padding: 32rpx 24rpx 32rpx 24rpx;
    .text-group_7 {
		width: 100%;
      .text_29 {
        overflow-wrap: break-word;
        color: rgba(56, 56, 56, 1);
        font-size: 44rpx;
        letter-spacing: 1.0999999046325684px;
        font-family: PingFangSC-Semibold;
        font-weight: 600;
        text-align: left;
        white-space: nowrap;
        line-height: 60rpx;
        //margin-right: 154rpx;
      }
      .text_30 {
        overflow-wrap: break-word;
        color: rgba(56, 56, 56, 1);
        font-size: 32rpx;
        letter-spacing: 0.7999999523162842px;
        font-family: PingFangSC-Medium;
        font-weight: 500;
        text-align: left;
        white-space: nowrap;
        line-height: 44rpx;
        margin-top: 16rpx;
      }
      .text_31 {
        overflow-wrap: break-word;
        color: rgba(96, 82, 255, 1);
        font-size: 32rpx;
        letter-spacing: 0.7999999523162842px;
        font-weight: normal;
        text-align: left;
        white-space: nowrap;
        line-height: 44rpx;
        margin: 16rpx 40rpx 0 0;
      }
    }
    .text-wrapper_12 {
      background-color: rgba(96, 82, 255, 1);
      border-radius: 12px;
      display: flex;
	  justify-content: center;
	  align-items: center;
      padding: 4rpx 16rpx 4rpx 16rpx;
      .text_32 {
        overflow-wrap: break-word;
        color: rgba(255, 255, 255, 1);
        font-size: 28rpx;
        letter-spacing: 0.699999988079071px;
        font-weight: normal;
        text-align: left;
        white-space: nowrap;
        line-height: 40rpx;
      }
    }
  }
}
